<style scoped>
</style>
<template>
  <div class="app">
    <div class="layout-content-main">
      <Row class="s_search">
        <i-col span="20">
          <i-select v-model="server_model" style="width:100px" filterable>
            <Option v-for="item in cityList" :value="item.value" :key="item">{{ item.label }}</Option>
          </i-select>
          <i-input v-model="server_model" placeholder="openId" style="width: 200px"></i-input>
          <i-input v-model="server_model" placeholder="..." style="width: 200px"></i-input>
        </i-col>
        <i-col span="4">
          <i-button type="primary">搜索</i-button>
        </i-col>
      </Row>
      <Row >
        <i-table stripe :columns="rateCol" :data="rateList"></i-table>
      </Row>
    </div>
  </div>
</template>
<script>
  import ISelect from "../../../node_modules/iview/src/components/select/select";
  import m_img from "../../assets/moren.png";
  export default {
    data () {
      return {
        server_model: '',
        cityList:[
          {label:'北京市',value:'beijing'},
          {label:'上海市',value:'shanghai'},
          {label:'深圳市',value:'shenzhen'}
        ],
        rateCol: [
          {
            m_img: '',
            title: '头像',
            key: 'avatar',
            render: (h, params) => {
              return h('div', [
                h('img', {
                  attrs: {
                    src: params.row.avatar ? params.row.avatar : m_img
                  },
                  style: {
                    width: '70px',
                    height: '70px'
                  },
                })
              ]);
            }
          },
          {
            title: '昵称',
            key: 'name'
          },
          {
            title: '手机号码',
            key: 'mobile'
          },
          {
            title: '年龄',
            key: 'age'
          },
          {
            title: 'openid',
            key: 'openid'
          },
          {
            title: '联系手机',
            key: 'contactMobile'
          },
          {
            title: '绑定手机',
            key: 'contactMobile'
          },
          {
            title: '登录验证',
            key: 'checkFunc'
          }
        ],
        rateList: [
          {
            name: '王小明',
            avatar: 'http://linglong.mengdie.com/static/index/src/img/index/t6.png',
            address: '北京市朝阳区芍药居',

          },
          {
            name: '张小刚',
            age: 25,
            address: '北京市海淀区西二旗'
          },
          {
            name: '李小红',
            age: 30,
            address: '上海市浦东新区世纪大道'
          },
          {
            name: '周小伟',
            age: 26,
            address: '深圳市南山区深南大道'
          },
          {
            name: '王小明',
            age: 18,
            address: '北京市朝阳区芍药居'
          },
          {
            name: '张小刚',
            age: 25,
            address: '北京市海淀区西二旗'
          },
          {
            name: '李小红',
            age: 30,
            address: '上海市浦东新区世纪大道'
          },
          {
            name: '周小伟',
            age: 26,
            address: '深圳市南山区深南大道'
          }
        ]
      }
    },
    components: {ISelect}
  };
</script>
